﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主页面</title>
<script src="./lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="./lib/jquery.hashchange.js" type="text/javascript"></script>
<script src="./lib/jquery.easytabs.js" type="text/javascript"></script>
    <style>
    /* Example Styles for Demo */
    .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
    .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
    .tab a:hover { text-decoration: underline; }
    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
    .tab a.active { font-weight: bold; }
    .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; }
  </style>

  <script type="text/javascript">
      $(document).ready(function () {
          $('#tab-container').easytabs();
      });

         function viewimgaabb(o) {
             if (document.getElementById("fileuploadiimg3").value != "") {
                 document.getElementById("loadiimg3").src = document.getElementById("fileuploadiimg3").value;
             }
         }

       </script>
</head>

<body>
    <form id="form1" runat="server">
    <div >
        <asp:textbox ID="Textbox1" runat="server" width="80%" Height="137px" TextMode="MultiLine" ></asp:textbox>
        </div>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="you返回值的" />
        <asp:Button ID="Button3" runat="server" Text="创建文件夹" OnClick="Button3_Click" />
        <asp:Image ID="Image1" runat="server" />
    

<div>
  <h2>彩信标题: <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></h2>
    <div><input id="fileuploadiimg3" type="file" onchange="viewimgaabb('3')" />
        <img id="loadiimg3" alt="" style="width:260px;min-height:260px; border:1px solid #999" src="" /></div>
<div id="tab-container" class='tab-container' >
 <ul id="headul" class='etabs'>
   <li class='tab'><a href="#tabs1">第1帧</a></li>
   <li class='tab'><a href="#tabs2">第2帧</a></li>
   <li class='tab'><a href="#tabs3">第3帧</a></li>
     <li class='tab'><a href="#tabs4">第4帧</a></li>
     <li class='tab'><a href="#tabs5">第5帧</a></li>
     <li class='tab'><a href="#tabs6">第6帧</a></li>
     <li class='tab'><a href="#tabs7">第7帧</a></li>
     <li class='tab'><a href="#tabs8">第8帧</a></li>
     <li class='tab'><a href="#tabs9">第9帧</a></li>
     <li class='tab'><a href="#tabs10">第10帧</a></li>
 </ul>
 <div id="divcontent" class='panel-container'>
  <div id="tabs1">
      <table>
          <tr>
              <td rowspan="4"> <img id="loadiimg1" alt="" style="width:260px;min-height:260px; border:1px solid #999" src="" /></td>
              <td colspan ="2">本帧播放时间<input id="Text1"  type="text" value="5" />秒</td>
              <td></td>
          </tr>
          <tr>
              
              <td>图片</td>
              <td><input id="fileuploadiimg1" type="file" onchange="viewimgaabb('1')" /></td>
              <td><input id="Button4" type="button" value="上传" /></td>
          </tr>
          <tr>
              <td>声音</td>
              
              <td><input id="File2" type="file" /></td>
              <td><input id="Button5" type="button" value="上传" /></td>
          </tr>
          <tr>
              <td>文字</td>
              <td><textarea id="TextArea1" cols="20" rows="2"></textarea></td>
              <td><input id="File3" type="file" /></td>
          </tr>
      </table>
  </div>
   <div id="tabs2">
       <table>
          <tr>
              <td rowspan="4"><asp:Image style="width:260px;min-height:260px; border:1px solid #999" ID="img2" runat="server" /></td>
              <td colspan ="2">本帧播放时间<input id="time2" runat="server"  type="text" value="5" />秒</td>
              <td></td>
          </tr>
          <tr>
              <td>图片</td>
              <td><asp:FileUpload ID="fileuploadiimg2" onchange="viewimgaabb('2')" runat="server" /></td>
              <td><asp:Button ID="btnimg2" runat="server" Text="上传" /></td>
          </tr>
           
          <tr>
              <td>声音</td>
              
              <td><asp:FileUpload ID="fua2" runat="server" /></td>
              <td><input id="btnaud2" type="button" value="上传" /></td>
          </tr>
          <tr>
              <td>文字</td>
              <td><textarea id="TextArea2" runat="server" cols="30" rows="4"></textarea></td>
              
              <td></td>
          </tr>
      </table>
  </div>
  <div id="tabs3">
   <h2>CSS Styles for these tabs</h2>
  <code>
  </code>
  </div>
    <div id="tabs4">

       42
  </div>
     <div id="tabs5">

       52
  </div>
     <div id="tabs6">

       62
  </div>
     <div id="tabs7">

      7 2
  </div>
     <div id="tabs8">
8
       2
  </div>
     <div id="tabs9">

      9 2
  </div>
     <div id="tabs10">
0
       2
  </div> 
 </div>
</div>
</div>
     
        
    </form>
</body>
</html>
